/* theme variable override */

$--color-default: #A9A9A9;
$--color-primary: #03CC75;
$--color-danger: #D50030;

$--color-success: #03CC75;
$--color-warning: #f7ba2a;
$--color-info: #50bfff;

$--color-font-input: #424242;
$--color-font: #212121;
$--color-hover: #F9F9FB;
$--color-border: #F2F2F2;


/* button */
$--button-font-size: 12px;
$--button-padding-vertical: 6px;
$--button-padding-horizontal: 16px;

$--button-large-font-size: 16px;
$--button-large-padding-vertical: 11px;
$--button-large-padding-horizontal: 19px;

$--button-small-font-size: 12px;
$--button-small-padding-vertical: 7px;
$--button-small-padding-horizontal: 9px;

$--button-mini-font-size: 12px;
$--button-mini-padding-vertical: 4px;
$--button-mini-padding-horizontal: 4px;

$--color-table-header-background: #F9F9FB;

/* form */
$--input-height: 26px !default;

@import "~element-ui/packages/theme-chalk/src/index";

/* style override */

/* button */
.el-button.danger {
    color: $--color-danger;
}

/* table */
div.el-table {
    tr {
        padding: 0;
    }

    td {
        padding: 3px 0;
        overflow: hidden;
    }

    th {
        padding: 0;
    }

    .el-button {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .cell {
        word-break: keep-all;
        clear: both;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }
}

/* form */
